﻿@charset "utf-8";
/* CSS Document */


/*.tit为每个菜单的标题样式  .list 为菜单项目的样式*/
.tit , .list{ 
   width:200px; /*菜单的宽度*/
} 

/*======================================标题部分===============================*/
.tit {/*菜单标题的样式*/
	height: 22px;
	border: 1px solid #2a4dab;/*边框颜色*/
	border-bottom-style: none;/*底部边框没有*/
	background:#547DBE url(../images/menu_head_bg.gif) repeat-x;/*背景样式依次为：颜色，图片路径，横向重复*/
	color: #D9E1F6;/*前景色*/
	font:bold 12px/22px "lucida Grande", verdana, lucida, Arial, helvetica, "宋体", sans-serif;/*文字样式依次为：粗体 大小/行高 字族*/
	text-indent: 25px;/*文字缩进*/
	margin-top:5px;/*外填充*/
	position: relative;	
}
.tit a ,.tit a:link , .tit a hover{/*菜单标题中的链接的样式，共同的部分*/
	color: #D5FFFF;
	display:block;
	text-decoration:none;
	width:200px;
	background-repeat: no-repeat;
	background-position: 175px 6px;
	cursor: pointer;
}
.tit a:hover{
	color: #fff;/*鼠标经过时的颜色*/
}
/*====================
	菜单标题中的箭头图片
======================*/
.on{
	background-image: url(../images/arrow_up.gif);/*向上的箭头-暗色*/
}
.on:hover{
	background-image: url(../images/arrow_up_o.gif);/*向上的箭头-亮色*/
}
.off{
	background-image: url(../images/arrow_down.gif);/*向下的箭头-暗色*/
}
.off:hover{
	background-image: url(../images/arrow_down_o.gif);/*向下的箭头-亮色*/
}
/*标题图标样式*/
.titpic {
	position: absolute;
	height: 32px;
	width: 32px;
	left: 0px;
	bottom: 0px;
}


/*每一个标题图标，可变的部分*/
#pc1{
	background: url(../images/pepo.png) no-repeat;
}
#pc2{
	background: url(../images/st.png) no-repeat;
}
#pc3{
	background: url(../images/ring.png) no-repeat;
}
#pc4{
	background: url(../images/pic.png) no-repeat;
}
/*==========================================菜单体部分======================================*/
/*====================
	菜单列表的样式
======================*/
.list{
	font-size: 12px;
	color: #002280;
	background: #fff no-repeat right bottom;
	width: 202px;/*宽度*/
	border: 1px solid #2A4DAB;
	text-align:left;
	padding:10px;
	voice-family:inherit;
}
html>body .list {
width:180px;
*width:200px;
}
.list ul{
padding-left:18px;
}
.list li{
 line-height:21px;
 background:url(../images/left_ico_2.gif) no-repeat 0 7px;
 padding-left:12px;
}
/*============
菜单链接的样式
==============*/
.list a{
color:#002280;
text-decoration:none;
}
.list a:hover{
color:#E3212A;
text-decoration:underline;
}
.list a:active{
color:#296DC1;
}

/*每一个菜单体的背景图片可变部分*/

#menu1_child{
	background-image:url(../images/child_bg1.png);
}
#menu2_child{
	background-image:url(../images/child_bg2.png);
}
#menu3_child{
	background-image:url(../images/child_bg3.png);
}
#menu4_child{
	background-image:url(../images/child_bg4.png);

}

/*每一个列表前的，列表图标*/
#m1_1{
 background:url(../images/left_ico_1.gif) no-repeat 0 2px;
 padding-left:15px;
}
#m1_2{
 
}
#m1_3{
list-style-image:url(../images/ico/5.gif);
}
#m1_4{
list-style-image:url(../images/ico/4.gif);
}
/*2*/
#m2_1{
list-style-image:url(../images/ico/1.gif);
}
#m2_2{
list-style-image:url(../images/ico/2.gif);
}
#m2_3{
list-style-image:url(../images/ico/3.gif);
}
#m2_4{
list-style-image:url(../images/ico/4.gif);
}
/*3*/
#m3_1{
list-style-image:url(../images/ico/1.gif);
}
#m3_2{
list-style-image:url(../images/ico/2.gif);
}
#m3_3{
list-style-image:url(../images/ico/3.gif);
}
#m3_4{
list-style-image:url(../images/ico/4.gif);
}
/*4*/
#m4_1{
list-style-image:url(../images/ico/1.gif);
}
#m4_2{
list-style-image:url(../images/ico/2.gif);
}
#m4_3{
list-style-image:url(../images/ico/11.gif);
}
#m4_4{
list-style-image:url(../images/ico/3.gif);
}
#m4_5{
list-style-image:url(../images/ico/4.gif);
}
